var inP     =   $('.input-field');

inP.on('blur', function () {
    if (!this.value) {
        $(this).parent('.f_row').removeClass('focus');
    } else {
        $(this).parent('.f_row').addClass('focus');
    }
}).on('focus', function () {
    $(this).parent('.f_row').addClass('focus');
    $('.btn').removeClass('active');
    $('.f_row').removeClass('shake');
});


$('.resetTag').click(function(e){
    e.preventDefault();
    $('.formBox').addClass('level-forget').removeClass('level-reg');
});

$('.back').click(function(e){
    e.preventDefault();
    $('.formBox').removeClass('level-forget').addClass('level-login');
});



$('.regTag').click(function(e){
    console.log("click +");
    e.preventDefault();
    $('.formBox').removeClass('level-reg-revers');
    $('.formBox').toggleClass('level-login').toggleClass('level-reg');
    if(!$('.formBox').hasClass('level-reg')) {
        $('.formBox').addClass('level-reg-revers');
    }
});

// 登录
$("#btn_login").on('click', function(e){
    //该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。例如，如果 type 属性是 "submit"，在事件传播的任意阶段可以调用任意的事件句柄，通过调用该方法，可以阻止提交表单。
    e.preventDefault();

    var form =  $(this).parent('form')
    var username =  form.find('#username');
    var password =  form.find('#password');
    console.log(username);
    var isOk = true;
    if(username.val()==''){
        username.addClass('active');
        username.parent('.f_row').addClass('shake');
        isOk = false;
    }
    if(password.val()==''){
        password.addClass('active');
        password.parent('.f_row').addClass('shake');
        isOk = false;
    }
    if(!isOk){
        return;
    }

    console.log("OK");
    form.submit();
});




// 重置密码
$("#btn_reset").on('click', function(e){
    e.preventDefault();

    var finp =  $(this).parent('form').find('input');

    console.log(finp.html());

    if (!finp.val() == 0) {
        $(this).addClass('active');
    }

    // setTimeout(function () {
    //
    //     inP.val('');
    //
    //     $('.f_row').removeClass('shake focus');
    //     $('.btn').removeClass('active');
    //
    // }, 2000);

    if(inP.val() == 0) {
        inP.parent('.f_row').addClass('shake');
    }

    //inP.val('');
    //$('.f_row').removeClass('focus');

});